<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<title>图文列表</title>
	<link rel="stylesheet" href="/layui/css/layui.css">
	<link rel="stylesheet" href="/hyqcss/public.css">
	<style type="text/css">
		body{
			background: #e9e9e9;
		}
		/*公共头部带搜索*/
		.public_container{
			margin: 20px;
			background: #fff;
		}
		.public_title_container{
			height: 54px;
			padding: 0 20px;
			font-size: 14px;
			display: flex;
			align-items: center;
			background: #f9f9f9;
			border-bottom: 1px solid #f0f0f0;
		}
		.public_buttonSearch_container{
			display: flex;
			justify-content: space-between;
			align-items: center;
			padding: 20px;
			background: #fff;
		}
		.public_buttonSearch_container a{
			color: #fff;
			background-color: #1E9FFF;
			text-shadow: 0 -1px 0 rgba(0,0,0,.12);
			height: 24px;
			padding: 4px 15px;
			font-size: 14px;
			border-radius: 2px;
			display: flex;
			align-items: center;
		}
		.public_Search_container{
			position: relative;
		}
		.public_Search_container input{
			width: 240px;
			height: 32px;
			border: 1px solid #d9d9d9;
		}
		.public_Search_container i{
			position: absolute;
			bottom: 6px;
			right: 10px;
			cursor: pointer;
		}
		/*公共头部带搜索 end*/
	</style>
</head>
<body>
	<!-- 顶部提示框 结束 -->
	<div class="public_container">
		<!-- /*公共头部带搜索*/ -->
		<div class="public_content">
			<div class="public_title_container">
				<p>图文管理</p>
			</div>
			<div class="public_buttonSearch_container">
				<a href="add_graphic.html">+ 新建图文</a>
				<form  method="get" action="" id="Form1">
				<div class="public_Search_container">
					<input type="text" name="title" value="{$title}" required  lay-verify="required" placeholder="搜索标题名称" autocomplete="off" class="layui-input">
					<i class="layui-icon layui-icon-search" onclick="document.getElementById('Form1').submit()"></i>
				</div>
				</form>
			</div>
		</div>
		<!-- /*公共头部带搜索*/ end -->
		<!-- 公共表格部分 -->
		<div class="public_table_container">
			<table class="layui-table" lay-skin="line">
			  <colgroup>
			      <col>
			      <col>
			      <col>
			      <col>
			    </colgroup>
			    <thead>
			      <tr>
			        <th>标题</th>
			        <th>简介</th>
			        <th>创建时间</th>
			        <th>排序</th>
			        <th>操作</th>
			      </tr> 
			    </thead>
			    <tbody>
				{loop $graphic_list as $list}
			      <tr>
			        <td>{$list->title}</td>
			        <td>{$list->briefs}</td>
			        <td><?php echo date("Y-m-d H:i:s",$list->ctime)?></td>
			        <td><input type="text" name="order" lay-verify="title" onblur="check('{$list->id}')" value="{$list->orders}" id="{$list->id}" autocomplete="off" value="0" class="layui-input" style="border: none;"></td>
			        <td>
					<a class="table-public-btn" href="add_graphic-{$list->id}.html">编辑</a>
					<a class="table-public-btn" onclick="del_graphic('{$list->id}')">删除</a>
					</td>
			      </tr>
				{/loop}
			    </tbody>
			</table>
		</div>
		<!-- 公共表格部分 end-->
		<div class="main-container-h pageing-container-h">
	        <div class="pageing-content-h">
	           <span>{$p->totalnum}条/{$p->totalpage}页</span> 
	        </div>
			<ul class="pageing-content-h">
	           {P weidogsadmin}
			</ul>
	    </div>
	</div>
	
	<script src="/cdn/jquery.js"></script>
	<script src="/layui/layui.js"></script>
	<script src="/js/ajax.js"></script>
	<script type="text/javascript">
		function check(id){
			var order = document.getElementsByName("order");
			for(var i=0;i<order.length;i++){
				if(order[i].id == id){
					order = order[i].value;
				}
			}
			var re = /^\d*$/;
			if (!re.test(order)) { 
				tusi("请输入数字");
				return false; 
			}
			if(order == ""){
				tusi("排序值不可为空");
				return false;
			}
			myAjaxPost(false, true, 'update_order.html', { id:id,order:order}, function (resp) {
				tusi(resp.msg);
			})
		}

		function del_graphic(id){
			myAjaxPost(false, true, 'del_graphic.html', { id:id}, function (resp) {
				if (resp.status == 'success') {
					tusi(resp.msg);
					setTimeout(function(){
						location.reload();
					},2000);
				}else{
					alert(resp.msg);
				}
			})
		}
	</script>
</body>
</html>